<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>样式</title>
		<style>
			h3{
				color:green; /*字体颜色*/
				font-size:36px; /*字体大小*/
				text-align:center; /*文本居中*/
			}
		</style>
	</head>
	<body>
		<!-- css:层叠样式表，级联样式表，用来布局和美化页面-->
		<!-- 引入样式：
		1.内联样式：在开始标签中用style属性
		2.内部样式：在html文件的head标签中用style标签来书写 
		3.外部样式：
			step1：创建css文件，书写样式
			step2：在html文件中引入css文件
		注：内联优先级最高，谁离标签更近，谁的优先级更高。
		-->
		<!-- 选择器：
		1。标签选择器
		2.类选择器
		3.id选择器 
		-->
		
		<h1 style="color:blue; font-size:52px;">古诗中文网</h1>
		<h3 style="color:red;">蒹葭</h3>
		<p style="color:black;">蒹葭苍苍，白露为霜</p>
		<p id="col">所谓伊人，在水一方</p>
	</body>
</html>